import React from 'react'
import './Css/User_analytics_component.css'
export default function User_Profile(props) {
    const { name, data } = props
    return (
        <div>
            <p style={{ padding: '0.4rem', fontSize: '0.3rem' }}>{name}</p>
            <div className='userInformation'>
                {
                    data.map(item => {
                        return <div className='userInformation_div' key={item._id}>
                            <div style={{ marginRight: '0.1rem' }}>
                                <p style={{ fontSize: '0.7rem', fontWeight: 'bold' }}>{item.num}</p>
                                {item.name}
                            </div>
                            <span>
                                {item.trend}
                            </span>
                        </div>

                    })
                }
            </div>
        </div>
    )
}
